import React, {Component} from 'react';
import {
    StyleSheet,
    Text,
    View,
    Image,
    TextInput,
    ActivityIndicator,
    TouchableHighlight
} from 'react-native';
//显示图片列表的界面
let arrys=[];
var Dimensions = require('Dimensions');
var ScreenWidth = Dimensions.get('window').width;
var clso=2;
var boxwith=150;
var v=(ScreenWidth-boxwith*clso)/(clso+1);

import ImageURL from './IMageUrlsUtils'
export default class IMageList extends Component{
    /**
     * 获取组件的渲染
     * @returns {Array}
     */
    getImages(){

        for(var t=0;t<ImageURL.length;t++){
            arrys.push(
                <View key={t} style={MyStytles.c}>
                    <Image   source={{uri:ImageURL[t]} }style={{width:150,height:150}} />
                </View>



            )

        }
        return arrys;
    }
    render(){
        return this.getImages();
    }

}
const MyStytles=StyleSheet.create({
    c:{
     width:boxwith,
     height:boxwith,

        backgroundColor:'red',
     alignItems:'center',
      alignContent:'center',
     marginLeft:v,
     marginTop:25

    }
})